<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--页面中对静态资源的引用以下为例-->
		<link rel="stylesheet" href="../../layui/css/layui.css">
		<link rel="stylesheet" href="../../layui/css/layui.icon.css" />
	</head>

	<body>
		<form id="inputForm" class="layui-form" action="" style="padding-top:10px;margin-right: 80px;">
			<div class="layui-form-item">
				<label class="layui-form-label">元素ID</label>
				<div class="layui-input-block">
					<input type="text" name="Id" required lay-verify="required" placeholder="请输入元素ID" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">元素名</label>
				<div class="layui-input-block">
					<input type="text" name="Name" required lay-verify="required" placeholder="请输入元素名" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">备注</label>
				<div class="layui-input-block">
					<input type="text" name="Desc" required lay-verify="required" placeholder="备注" autocomplete="off" class="layui-input">
				</div>
			</div>
		</form>
	</body>
	<script src="../../layui/layui.js"></script>
	<script>
		layui.use(["jquery", "form"], function() {
			var $ = layui.jquery;
			window.getForm = function() {
				var data = {};
				$("form input").each(function() {
					data[$(this).attr("name")] = $(this).val();
				});
				return data;
			}
		});
	</script>

</html>